<ui:fragment xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">


	<p:galleria transitionInterval="5000" effect="fade" id="banner"
		value="#{produtoMB.getProdutosBanner()}" var="pb">
		<p:graphicImage
			value="/temp/#{produtoMB.fotoProduto(pb).descricao}.jpg" />
		<f:facet name="content">
			<div id="banner-conteudo" class="row-fluid">
				<div id="banner-foto" class="span3 ">
					<p:graphicImage
						value="/temp/#{produtoMB.fotoProduto(pb).descricao}.jpg" />
				</div>
				<div id="banner-detalhes" class="span8 ">


					<div class="block">
						<h:outputText styleClass="banner-produto" value="#{pb.nome}" />
					</div>



					<p:outputPanel layout="block" styleClass="block">
						<h:outputText styleClass="banner-preco-antigo"
							rendered="#{pb.percentual_desconto>0}" value="De: " />
						<h:outputText styleClass="banner-preco-antigo"
							rendered="#{pb.percentual_desconto>0}" value="#{pb.preco_venda}">
							<f:convertNumber type="currency" />
						</h:outputText>
					</p:outputPanel>



					<div class="block">
						<h:outputText value="Por apenas: " />
						<h:outputText value="#{pb.preco_venda_desconto}"
							styleClass="banner-preco-novo">
							<f:convertNumber type="currency" />
						</h:outputText>
					</div>



					<div class="block">
						<h:outputText styleClass="banner-parcelas"
							value="ou em até #{pb.numero_parcelas}x de " />
						<h:outputText styleClass="banner-parcelas banner-parcelas-valor"
							value="#{pb.preco_venda_desconto/pb.numero_parcelas}">
							<f:convertNumber type="currency" currencySymbol="R$" />
						</h:outputText>
						<h:outputText value=" sem juros." styleClass="banner-parcelas " />
					</div>






					<div class="block">
							<a href="/exibir/produtodetalhes.jsf?p=#{pb.id}" class="btn-virtual">Mais informações</a>
					</div>
				</div>
			</div>
		</f:facet>
	</p:galleria>

</ui:fragment>